<script setup lang='ts'>

import { reactive, ref, onMounted} from 'vue'

defineProps({
  userInfo: {
    type: Object,
    default: () => ({
      name: '张三',
      phone: '13812345678'
    })
  }
})


</script>

<template>
  <view class="p-middle-2 h-150 w-full flex flex-rol justify-between items-center border-solid rounded-md border border-gray-200">
    <image
      class="w-100 h-100 rounded-full"
      src="https://dhx.liangmoren.com/public/1.a981774d.png"
      mode="scaleToFill"
    />

    <!-- 登录信息 -->
    <view class="pl-middle-2 text-left mt-10 flex-1">
      <view class="name text-lg"><span>{{ userInfo.name }}</span></view>
      <view class="phone text-sm"><span>{{ userInfo.phone }}</span></view>
    </view>

    <!-- 设置 -->
    <view class="iconfont text-2xl text-gray-400">&#xf018f;</view>
  </view>
</template>

